<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta name="format-detection" content="telphone=no"/>
	<title>今日头条</title>
	<link rel="stylesheet" type="text/css" href="styles/index.css">
	<script src="js/zepto.min.js" type="text/javascript"></script>
	<script src="js/index.js" type="text/javascript"></script>

</head>
<body>
	<div class="wrap_page">
		<header class="header">
			<h2>
				<a class="title" href="#"></a>
				<a id="ref" class="ref" href="#"></a>
			</h2>
			<a id="msg-box" class="msg-box" href="javascript:;"></a>
			<a id="sear" class="search" href="javascript:;"></a>
		</header>
		<nav class="nav">
			<ul class="clearfix" id="nav">
				<li class="fl active">推荐</li>
				<li class="fl">阳光宽频</li>
				<li class="fl">热点</li>
				<li class="fl">社会</li>
				<li class="fl">娱乐</li>
				<li class="fl">军事</li>
				<li class="fl">科技</li>
				<li class="fl">汽车</li>
			</ul>
			<div id="add" class="add"></div>
		</nav>
		<section class="wrap">
			<div id="new"></div>
			<div class="list-con">
				<div class="item-box">
					<a href="javascript:;">

					</a>
				</div>
			</div>
		</section>
		<div class="mask" id="mask">
			<div class="bg">
				<div class="banner"></div>
				<p class="txt"	>以加载好您感兴趣的头条</p>
				<div class="down">立即打开</div>
				<div id="close" class="close"></div>
			</div>
		</div>
		<div id="hotBag" class="hotBag">
		</div>
		<div class="mask" id="mask2">
			<a class="hotb" href="javascript:;">
				<i id="close2" class="close2"></i>
			</a>
		</div>
		<div id="pindao" >
			<header class="header">
				<a id="back" href="javascript:;"><</a>
				频道管理
			</header>
			<section class="wrap1">
				<p>点击删除频道</p>
				<ul id="p1" class="clearfix">
					<li class="fl"><a href="javascript:;">推荐</a></li>
					<li class="fl"><a href="javascript:;">热点</a></li>
					<li class="fl"><a href="javascript:;">社会</a></li>
					<li class="fl"><a href="javascript:;">娱乐</a></li>
					<li class="fl"><a href="javascript:;">科技</a></li>
					<li class="fl"><a href="javascript:;">汽车</a></li>
					<li class="fl"><a href="javascript:;">体育</a></li>
					<li class="fl"><a href="javascript:;">财经</a></li>
					<li class="fl"><a href="javascript:;">军事</a></li>
					<li class="fl"><a href="javascript:;">国际</a></li>
					<li class="fl"><a href="javascript:;">时尚</a></li>
					<li class="fl"><a href="javascript:;">游戏</a></li>
				</ul>
				<p>点击添加以下频道</p>
				<ul id="p2" class="clearfix">
					<li class="fl"><a href="javascript:;">旅游</a></li>
					<li class="fl"><a href="javascript:;">历史</a></li>
					<li class="fl"><a href="javascript:;">探索</a></li>
					<li class="fl"><a href="javascript:;">美食</a></li>
					<li class="fl"><a href="javascript:;">育儿</a></li>
					<li class="fl"><a href="javascript:;">养生</a></li>
					<li class="fl"><a href="javascript:;">故事</a></li>
					<li class="fl"><a href="javascript:;">美文</a></li>
				</ul>
			</section>
		</div>
		<div id="search">
			<header class="header">
				<a id="back1" href="javascript:;"><</a>
				搜索
			</header>
			<section class="wrap1">

			</section>
		</div>
	</div>

</body>
</html>
